{% extends 'base.html' %}
{% load staticfiles %}
{% load user_tags %}
{% load message_tags %}
{% load host_tags %}
{% load op_record_tags %}
{% load doc_tags %}
{% load online_tags %}

{% block base_title %}
    项目介绍
{% endblock base_title %}


{% block base_header_css %}
    <link rel="stylesheet" href="{% static 'css/weather.css' %}">
    <script src="{% static 'js/Chart.min.js' %}"></script>
{% endblock base_header_css %}


{% block base_content %}
    <!-- 右边主体 -->
    <div class="app-content">
        <div class="app-content-body fade-in-up">
            <div class="padder" style="padding-top: 10px;">

                <div class="col-md-12" style="padding-left: 0; padding-right: 0;">
                    <div class="panel panel-default" id="body-content" style="overflow-y:scroll">
                        <div class="panel-body" id="table_content"  >

                            <div class="row" style="margin-top: -15px">

                            <div class="carousel slide" id="imageturn" data-ride="carousel" >
				<ol class="carousel-indicators" >
					<li data-slide-to="0"  data-target="#imageturn" class="active"></li>
					<li data-slide-to="1" data-target="#imageturn"></li>
					<li data-slide-to="2" data-target="#imageturn"></li>
				</ol>
				<div class="carousel-inner" >
					<div class="item">
                        <img alt="" src="/static/images/QA.jpg"/>
						<div class="carousel-caption">
							<p>
								常见问题.
							</p>
						</div>
					</div>
					<div class="item active">
						<img alt="" src="/static/images/photo.jpg" />
						<div class="carousel-caption">
							<p>
								实拍图片.
							</p>
						</div>
					</div>
					<div class="item">
						<img alt="" src="/static/images/info.jpg" />
						<div class="carousel-caption">
							<p>
								项目介绍.
							</p>
						</div>
					</div>
				</div>
                <a class="left carousel-control" href="#imageturn" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                <a class="right carousel-control" href="#imageturn" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>

                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock base_content %}